<template>
		<div class="m-page-main " style="height: auto;">
			<div class="m-card clearfix pb55">
        <el-row>
          <el-col :span="12">
            <div class="form-info">
              <span>姓  名:</span> {{ info.nickname }}
            </div>
            <div class="form-info">
              <span>性  别:</span> {{ info.gender | gender }}
            </div>
            <div class="form-info">
              <span>证件类型:</span> {{ info.paperstype | paper }}
            </div>
            <div class="form-info">
              <span>证件号码:</span> {{ info.papers }}
            </div>
            <div class="form-info">
              <span>手机号码:</span> {{ info.mobile }}
            </div>
            <div class="form-info">
              <span>学校/单位:</span> {{ info.schoolname }}
            </div>
            <div class="form-info">
              <span>职  务:</span> {{info.jobname}}
            </div>
          </el-col>
          <el-col :span="12">
              <div class="person-images-2-box">
                <div class="person-images-2">
                  <img :src="info.photographimage | fullImage ">
                </div>
                免冠彩色2寸照
              </div>
              <div class="form-info">
                  <span>E-mail:</span> {{ info.email }}
                </div>
                <div class="form-info">
                  <span>通讯地址:</span> {{ info.address }}
                </div>
                <div class="form-info">
                  <span>邮政编码:</span> {{ info.postcode }}
                </div>
          </el-col>
        </el-row>
			</div>
			
			
		</div>
</template>
<script>
import { userInfo } from '@/api'
export default {
  data () {
    return {
      info: {}
    }
  },
  created () {
    this.getUserInfo()
  },
  methods: {
    getUserInfo () {
      userInfo().then(res => {
        if (res.data.code === 1) {
          this.info = res.data.data.userinfo
        } else {
          this.$message(res.data.msg)
        }
      })
    }
  }
}
</script>
<style scoped>

.m-page-main {
    width: 995px;
    float: right;
    margin-right: 2px;
}
.m-card {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.m-card {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: 40px 82px;
    
}
.form-info {
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  color: #555;
}
.form-info span {
  color: #7d7d7d
}
.person-images-2-box{
  margin-top: 30px;
  color: rgb( 125, 125, 125 );
  font-size: 16px;
  text-align: center;
  width: 150px;
  margin-bottom: 12px;
}
.person-images-2 {
  width: 150px;
  height: 200px;
  border: 1px solid rgb( 220, 220, 220 );
  margin-bottom: 15px;
}

.person-images-2 img{
  background-color: rgb( 126, 206, 244 );
  width: 135px;
  height: 182px;
  display: inline-block;
  content: "";
  margin: 9px 7px;
}
</style>
